<!DOCTYPE html>
<html>
<head>



    <template file="Home/meta" />
    <template file="Home/css" />






</head>
<body>



<div class="am-g  well  common-border-bottom  order-dizhi">


    <i class="am-icon-map-marker"></i>
    <i class="am-icon-angle-right"></i>
    <div class="am-block am-cf">

        <span>收货人:黄潮</span>

        <span class="am-fr">1242132142131</span>
    </div>

    <div class="am-margin-top-xs">
        收货地址: 安徽省反对撒放倒萨堏的撒放倒萨堏的撒放倒萨堏的撒放倒
    </div>



</div>


<div class="am-g  well  common-border-bottom  am-margin-top-sm ">


    <div class=" am-cf cart-list-item common-border-bottom  am-bg-f5f5f5 am-margin-top-xs  am-padding-vertical-sm">



        <div class="am-u-sm-4"><img src="Statics/Home/img/product.jpg" class="am-img-responsive" alt=""></div>
        <div class="am-u-sm-8 am-text-xs">




            <a href=" " class="">
                <h3 class="am-margin-0">
                    醉酷ZU.KU2016冬装新款羽绒服ZF4H23吊牌2980专柜正</h3>
                <div class="sku am-text-999" >

                    颜色分类:黑色;尺码:160/84A</div>
            </a>


            <div class="pay am-margin-top-sm am-cf am-hide">


                <div class="am-fl">

                    <span class="am-text-warning am-text-sm"> ￥1937</span>
                    <del class="am-text-999">￥1937</del>

                </div>
                <div class="am-fr ">x1</div>



            </div>


            <div class="item-edit am-cf am-margin-top-sm">


                <div class="item-num">

                    <div class="am-input-group">
      <span class="am-input-group-btn">
        <button class="am-btn am-btn-default am-btn-xs" type="button"><span class="am-icon-minus"></span> </button>
      </span>
                        <input type="text" class="am-form-field am-input-xs" value="12">



                                 <span class="am-input-group-btn">
        <button class="am-btn am-btn-default am-btn-xs" type="button"><span class="am-icon-plus"></span> </button>
      </span>
                    </div>


                </div>
                <div class="item-del">


                    <button type="button" class="am-btn am-btn-danger am-btn-xs">删除</button>
                </div>




            </div>

        </div>


    </div>


    <a href="" class="am-padding-sm am-block common-border-bottom">
        <span> 配送方式</span>

        <span class="am-fr"> 快递 免邮 </span>
    </a>


    <div  class="am-padding-sm am-block order-liuyan common-border-bottom">
        <span> 买家留言</span>

        <input type="text" class="am-form-field" placeholder="选填:对本次交易的说明(建议填写已和卖家协商一致的内容)">

    </div>



    <div  class="am-padding-sm am-block  am-text-right">


        共1件，合计：<span class="am-text-f60">￥1798.00</span>


    </div>


</div>



<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-index  common-border-top "
     id="">


    <div class="order-from-bottom am-text-right">

        <span class="am-margin-right-sm"> 合计：<span class="am-text-f60">￥1798.00</span></span>


        <button  class="am-btn  am-btn-danger am-btn-xl" type="submit">提交订单</button>
    </div>
</div>





<template file="Home/js" />

<script>



    $(function(){


        $("#edit_do").click(function () {

            $(this).addClass("am-hide");

            $(".div_edit").removeClass("am-hide");
            $(".div_info").addClass("am-hide");

            $("#wancheng").removeClass("am-hide");

            return false;

        })

    })


    //plugin bootstrap minus and plus
    //http://jsfiddle.net/laelitenetwork/puJ6G/
    $('.btn-number').click(function(e){
        e.preventDefault();

        fieldName = $(this).attr('data-field');
        type      = $(this).attr('data-type');
        var input = $("input[name='"+fieldName+"']");
        var currentVal = parseInt(input.val());
        if (!isNaN(currentVal)) {
            if(type == 'minus') {

                if(currentVal > input.attr('min')) {
                    input.val(currentVal - 1).change();
                }
                if(parseInt(input.val()) == input.attr('min')) {
                    $(this).attr('disabled', true);
                }

            } else if(type == 'plus') {

                if(currentVal < input.attr('max')) {
                    input.val(currentVal + 1).change();
                }
                if(parseInt(input.val()) == input.attr('max')) {
                    $(this).attr('disabled', true);
                }

            }
        } else {
            input.val(0);
        }
    });
    $('.input-number').focusin(function(){
        $(this).data('oldValue', $(this).val());
    });
    $('.input-number').change(function() {

        minValue =  parseInt($(this).attr('min'));
        maxValue =  parseInt($(this).attr('max'));
        valueCurrent = parseInt($(this).val());

        name = $(this).attr('name');
        if(valueCurrent >= minValue) {
            $(".btn-number[data-type='minus'][data-field='"+name+"']").removeAttr('disabled')
        } else {
            alert('Sorry, the minimum value was reached');
            $(this).val($(this).data('oldValue'));
        }
        if(valueCurrent <= maxValue) {
            $(".btn-number[data-type='plus'][data-field='"+name+"']").removeAttr('disabled')
        } else {
            alert('Sorry, the maximum value was reached');
            $(this).val($(this).data('oldValue'));
        }


    });
    $(".input-number").keydown(function (e) {
        // Allow: backspace, delete, tab, escape, enter and .
        if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
                    // Allow: Ctrl+A
                (e.keyCode == 65 && e.ctrlKey === true) ||
                    // Allow: home, end, left, right
                (e.keyCode >= 35 && e.keyCode <= 39)) {
            // let it happen, don't do anything
            return;
        }
        // Ensure that it is a number and stop the keypress
        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
            e.preventDefault();
        }
    });
</script>

</body>
</html>